<template>
	<view class="p-20px">
		<uv-form>
			<uv-form-item class="w-400px" label="提现类型:" labelWidth="80" @click="showActions(1)">
				<uv-input v-model="state.type" disabled disabledColor="#ffffff" placeholder="请选择" @click="showActions"
					suffixIcon='arrow-down' class="rounded-20px">
				</uv-input>
			</uv-form-item>
		</uv-form>
		<uv-action-sheet ref="actionsRef" :actions="state.actions" @select="selectAction"></uv-action-sheet>

		<view class="p-20px mb-20px bg-white flex flex-x-between rounded-10px">
			<uv-avatar :src="'item.src'"></uv-avatar>
			<view class="ml-10px flex flex-x-between flex-1">
				<view>
					<view>小团团222222-提现</view>
					<view class="w-130px mt-10px bg-333 color-white text-center rounded-10px text-28px">已提现</view>
				</view>
				<view class="text-right">
					<view class="color-pink">{{-23343}}</view>
					<view class="mt-10px text-28px">已打款</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup name="WithdrawMoneyInfo">
	import {
		ref,
		reactive,
		onMounted,
	} from 'vue';

	const actionsRef = ref()
	const state = reactive({
		type: '全部',
		actions: [{
				name: '全部',
				value: '0'
			},
			{
				name: '审核中',
				value: '1'
			},
			{
				name: '提现成功',
				value: '2'
			},
			{
				name: '已拒绝',
				value: '2'
			},
		],
	})

	const showActions = (index) => {
		actionsRef.value.open();
	}
	const selectAction = (e, index) => {
		state.type = e.name;
	}
</script>

<style lang="scss">
	page {
		background: rgb(244, 243, 248);
	}
</style>